<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="referrer" content="no-referrer" />
    <link rel="icon" th:href="@{/images/logo.png}" type="image/x-icon"/>
    <title>通知</title>
    <!-- jquery -->
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>

    <style>
        .row {
            margin-top: -40px
        }

        .container-fluid {
            padding-top: 36px;
            margin-top: 37px;
            margin-left: 22px;
            margin-right: 22px;
            padding-bottom: 10px;
            background-color: white;
            margin-bottom: 37px;
            margin-top: 1px;
        }

        body {
            background-color: #F7F6F7;
        }

    </style>
</head>
<body>

<!--导航栏-->
<div th:replace="common/common::navigation"></div>

<!--主体-->
<div class="container-fluid">
    <div class="row">
        <!-- 列表 -->
        <div class="col-xs-12 col-lg-9 col-md-12">

            <ul class="nav nav-tabs" style="font-size: 21px;margin-top: 17px;">
                <li role="presentation" class="active">
                    <a th:href="@{/notice/comment}">评论
                        <span class="badge" style="font-size: 20px;" th:if="${unReadNoticeCount > 0}" th:text="${unReadNoticeCount}">3</span>
                    </a>
                </li>
            </ul>

            <!--            回复-->
            <ul class="media-list" style="margin-top: 15px;">
                <li class="media" th:each="notice:${commentNotices}">
                    <div class="media-body">
                        <div>
                            <a th:href="@{|/post/detail/${notice.post.getPostId}|}">
                                <div style="float: left;margin-left: 5px;" th:text="${notice.commentDTO.comment.content}">
                                    回复内容
                                </div>
                            </a>
                        </div>
                        <div style="float: right; color: #999; margin-top: 28px;">
                            回复者
                            <a th:href="@{|/profile/myself/${notice.commentDTO.user.getUserId}|}" th:text="${notice.commentDTO.user.nickName}">李四</a>&nbsp;
                            回复于&nbsp;
                            <span th:text="${#dates.format(notice.commentDTO.comment.createTime, 'yyyy-MM-dd')}">发布时间</span>
                        </div>
                    </div>
                    <hr style="margin-top: 10px;">
                </li>
            </ul>


            <!--            分页-->
            <div th:replace="common/common::pagination"></div>

        </div>


        <!--右边 热门帖子-->
        <div th:replace="common/common::currentHotPostRank"></div>
    </div>
</div>


</body>
</html>